<template>
  <div class="top">
  </div>
  <!-- <div className={styles.iframeDiv}>
  <iframe
    id="iframe12138"
    style={{
      width: `${(1920 / window.screen.width) * 100}%`,
      height: `${(1080 / window.screen.height) * 100}%`,
      transform: `scale(${window.screen.width / 1920},${
        window.screen.height / 1080
      }) translate(${-(((1920 / window.screen.width) * 100) / 2 - 50)}%,${-(
        ((1080 / window.screen.height) * 100) / 2 -
        50
      )}%)`,
    }}
    className={styles.iframe}
    src={iframeData}
    frameBorder="0"
  />
</div> -->
  <router-view/>
</template>

<style lang="scss">
*{
  margin: 0;
  padding: 0;
  text-decoration: none;//去除全局文本下划线
  list-style: none;//去除全局默认表格样式
  box-sizing: border-box;//定义了 user agent 应该如何计算一个元素的总宽度和总高度。
  font-family: "Poppins",sans-serif;
}
html,body{
  display: grid;
  height: 100%;
  width: 100%;
  place-items: center;//是网格布局align-items和flex布局justify-items属性的简写
  background-color:#e4eaea;
}
.top{
  // 略难看
  // background:linear-gradient(to top,#84fab0,#8fd3f4);
  // background-color:#eee;
  // width:100%;
  // height:100px;
}
</style>
